﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="pragma" content="no-cache">  <!-- HTTP 1.1 -->
    <meta http-equiv="cache-control" content="no-cache,must-revalidate">  <!-- HTTP 1.0 -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/> <!--优先级：极速模式，兼容模式，IE模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>扬州房产测绘业务管理系统</title>
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../libs/jeasyui-181/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <script type="text/javascript" src="../../libs/jeasyui-181/jquery.min.js"></script>
    <script type="text/javascript" src="../../libs/jeasyui-181/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../libs/thUtil.js"></script>
    <script type="text/javascript">
        $(function () {
            ajax.initTree();
        });
        var ajax = {
            initTree: function () {
                Network.connect(window.api.getMenuTree, "POST", {}, function (res) {
                    if (res.code === ResponseCode.OK) {
                        $('#menu_gl_tree').tree({
                            data: res.data,
                            onClick: function (node) {
                                ajax.refreshRightView("box", "menuInfo.html", node.id);
                            }
                        });
                        $('#menu_action_tree').tree({
                            data: res.data,
                            onClick: function (node) {
                                ajax.refreshRightView("btnList", "btnList.html", node.id);
                            }
                        });
                    }
                });

            },
            refreshRightView: function (divId, path, id) {
                $('#' + divId).empty();
                $('#' + divId).append("<iframe style='height: 100%' src=\"" + path + "?id=" + id + "\"></iframe>")
            }
        }

    </script>

</head>

<body class="container-wrap">
<div class="easyui-tabs" data-options="fit:true,border:false">
    <div title="菜单管理" style="padding:2px; ">
        <div class="easyui-layout" data-options="fit:true,border:false">
            <!-- 左侧-->
            <div data-options="region:'west',title:'菜单列表',split:true" style="width:250px;">
                <ul id="menu_gl_tree" class="ztree"></ul>
            </div>
            <!-- 右侧 -->
            <div id="menu_right" data-options="region:'center',title:'菜单管理',split:true,fit:true">
                <div id="box" data-options="fit:true" class="easyui-panel">
                    <img src="../../image/business/arrow_left_48.png" style="vertical-align: middle;"/>
                    <span style="font-weight: bold;">请先点击左侧选择菜单</span>
                </div>
            </div>
        </div>

    </div>
    <div title="操作管理" style="padding:2px; ">
        <div class="easyui-layout" data-options="fit:true,border:false">
            <!-- 左侧菜单选项 -->
            <div data-options="region:'west',title:'菜单列表',split:true" style="width:250px;">
                <ul id="menu_action_tree" class="ztree"></ul>
            </div>
            <!-- 右侧 -->
            <div id="btnList" data-options="region:'center',split:true,fit:true">
                <img src="../../image/business/arrow_left_48.png" style="vertical-align: middle;"/>
                <span style="font-weight: bold;">请先点击左侧选择菜单</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>